*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container{
    width: 1200px;
    margin: 50px auto;
}

.container hr{
    margin: 15px 0;
}

.hero-list{
    margin: 0 -10px
}

.hero-list img{
    width: 100%;
    transition: all 0.3s;
}

.hero-list img:hover{
    border-radius: 20px;
}

.hero-list .item{
    width: 10%;
    float:left;
    padding: 0 10px;
}

.hero-list .item p {
    text-align: center;
    padding: 0 0 10px
}

